$(function(){
	$('select[name=category_cid]').change(function(){
		//获得选择分类的cid
		var category_cid = $(this).val();
		$.ajax({
			type:"post",
			url:"{|U:'getTypeAttr'}",
			data:{cid : category_cid},
			dataType:'json',
			success:function(phpData){
				//定义规格和属性字符串
				var attr = '';
				var spec = '';
				//循环json组合字符串	
				$.each(phpData, function(k,v) {
					//如果是属性的时候
					if(v.at_type == 0){
				  		 attr += '<tr style="color:red">' + 
	            			'<th class="w100">'+v.atname+'</th>' + 
	            			'<th>' + 
		            			'<select name="attr['+v.atid+']">' + 
		            				'<option value="">------请选择------</option>';
		            				var option = '';
		            				$.each(v.at_value, function(kk,vv) {    
		            					 option += '<option value="'+vv+'">'+vv+'</option>';                                                       
		            				});
		            			attr += option;
		            			attr += '</select>' + 
	            			'</th>' + 
	            			'<th></th>' + 
	            		'</tr>';  
					}else{
						//如果是规格的时候
					  	spec += '<tr style="color: blue;">' + 
		            		'<th class="w100">'+v.atname+'</th>' + 
		            		'<th width="50">' + 
		            			'<select name="spec['+v.atid+'][value][]">' + 
		            				'<option value="">------请选择------</option>';
		            				var option = '';
		            				$.each(v.at_value, function(kk,vv) {    
		            					 option += '<option value="'+vv+'">'+vv+'</option>';                                                       
		            				});
		            				//连接option
		            				spec += option;
			            			spec += '</select>' + 
						            		'</th>' + 
						            		'<th>附加价格 ' +
						            			'<input type="text" name="spec['+v.atid+'][price][]" id="" value="0"/>' + 
						            			' <a href="javascript:;" class="hd-btn hd-btn-primary add-spec">添加规格</a>' + 
						            		'</th>' + 
						            '</tr>';
					}
				});
				//插入到属性的表格中
				$('#attr').html(attr);
				$('#spec').html(spec);
			}
		});
	})
	
	//点击添加规格，规格会多一个
	$('.add-spec').live('click',function(){
		var tr = $(this).parents('tr');
		//克隆一个父级tr
		var cloneTr = tr.clone();
		cloneTr.find('a').html('删除规格').removeClass('hd-btn-primary').removeClass('add-spec').addClass('hd-btn-danger remove-spec');
		//插入到当前tr的下一行
		tr.after(cloneTr);
	})
	//点击删除规格
	$('.remove-spec').live('click',function(){
		$(this).parents('tr').remove();
	})
	
	
	$('#listpic').uploadify({
    	'formData': {//POST数据
        	'<?php echo session_name();?>' : '<?php echo session_id();?>',
    	},
        'fileTypeDesc' : '上传文件',//上传描述
        'fileTypeExts' : '*.jpg;*.png',
        'swf'      : '__STATIC__/uploadify/uploadify.swf',
        'uploader' : '{|U:"uploadList"}',//上传操作方法
        'buttonText':'选择文件',
        'fileSizeLimit' : '2000KB',
        'uploadLimit' : 1000,//上传文件数
        'width':65,
        'height':25,
        'successTimeout':10,//等待服务器响应时间
        'removeTimeout' : 0.2,//成功显示时间
        'onUploadSuccess' : function(file, data, response) {
            data=$.parseJSON(data);
            var imageUrl = data.image?data.url:'__STATIC__/image/default.png';
            var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/></li>";
            $("#uploadList ul").prepend(li);
		}
	});
})